#wrapper{
    border:1px solid blue;
    width: 802px;   /*800*/
    height: 452px;
    margin: 0 auto;
    clear:both;
}

#sidebar{
    width: 200px;
    height: 450px;
    float: left;
    overflow: auto;
}
#copyright{
    position: relative;
    height: 150px;
}

#copyright img.logo{
    position: absolute;
    left: 0px;
    top:0;
    z-index:9;       
}
#copyright a{
    color:#fff;
    font-size: 8px;
}
#copyright div.author{
    position: absolute;
    display: block;
    left: 0px;
    top:96px;
    z-index:10;   
    background: #3366FF;  
    color:#fff;
    padding:2px;
    opacity:0.7; 
}

#copyright img.fb{
    width: 50px;
    right: 0px;
    top:96px;
    opacity:1;    
}

#panel{
    background:#F0F0F0;
    height: 300px;
    float: left;
    overflow: auto;
    width: 600px;
    z-index: 200;
    position: relative;
}

#console{
    width: 600px;
    height: 150px;
    float: left;
}

#console_query{
    width: 596px;
    height: 126px;
}

.hidden{
    display: none;
}


/*  Console */
.console_out{
    text-align: left;
    height: 380px;
    overflow: auto;
    cursor: default;
    background: #eaeaea;
}